<template>
	<div>
        <main-head :fullTitle="title"></main-head>
        <div class="mid-setting-bg">
	        <el-tabs v-model="active" @tab-click="handleClick">
	        	<el-tab-pane label="显示设置" name="show">
					<show></show>
				</el-tab-pane>
				<el-tab-pane label="简介设置" name="user">
					<user></user>
				</el-tab-pane>
				<el-tab-pane label="简历设置" name="resume">
					<resume></resume>
				</el-tab-pane>
				<el-tab-pane label="缓存设置" name="cache">
					<cache></cache>
				</el-tab-pane>
				<el-tab-pane label="轮播图设置" name="carousel">
					<carousel></carousel>
				</el-tab-pane>
				<el-tab-pane label="联系我设置" name="contact">
					<contact></contact>
				</el-tab-pane>
				<el-tab-pane label="系统设置" name="system">
					<system></system>
				</el-tab-pane>
			</el-tabs>
		</div>
	</div>
</template>

<script>
	import MainHead from 'plugs/main-head/main-head'
	import User from 'components/setting/parts/user'
	import Show from 'components/setting/parts/show'
	import System from 'components/setting/parts/system'
	import Resume from 'components/setting/parts/resume'
	import Cache from 'components/setting/parts/cache'
	import Carousel from 'components/setting/parts/carousel'
	import Contact from 'components/setting/parts/contact'

    export default {
        data() {
            return {
                url: 'setting',
                title: '数据设置',
                active: 'show'
            }
        },
        methods: {
            handleClick() {

            }
        },
        components: {
            MainHead,User,Show,Resume,Cache,Carousel,Contact,System
        }
    }
</script>

<style scope>
	.mid-setting-bg {
		margin-top: 15px;
	}

	.setting-item-title {
		line-height: 35px;
		border-bottom: 1px solid #f6f6f6;
		margin-bottom: 10px;
		display: block;
	}
	.setting-item-content {
		padding-left: 10px;
		padding-right: 10px;
	}

	.setting-item-content .item {
		display: inline-block;
		width: 32.333333333%;
		margin: 10px 0;
	}

	.setting-item-content .item>span{
		display: inline-block;
		width: 35%;
		text-align: right;
	}

	.setting-item-footer {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		margin: 0 auto;
		height: 55px;
	}

	.setting-item-footer .sub-btn {
		position: absolute;
		right: 25px;
		top: 0px;
	}

	.setting-item-footer > span {
		margin-left: 20px;
		line-height: 55px;
		color: #6d6d6d;
		font-size: 12px;
	}

	.setting-user {
		min-height: 330px;
		padding: 15px 20px 55px 20px;
		border: 1px solid #f6f6f6;
		border-radius: 4px;
	}
</style>